<template>
  <div class="icons">
    <ul>
      <li v-for="item in iconsList" :key="item.id">
        <img v-lazy="item.imgUrl" alt="" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Icon',
  props: {
    iconsList: Array
  }
}
</script>

<style lang="scss" scoped>
.icons {
  ul {
    display: flex;
    flex-wrap: wrap;
    li {
      width: 20%;
      height: 2.133333rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      img {
        height: 2.133333rem;
      }
    }
  }
}
</style>
